<template>
	<view>
		<view>
			<view style="margin-top:60rpx;font-size: 38rpx; display: flex;" class="Teacher">
				<view v-for="(item,index) in indexArr" :key="index" style="text-align: center;">
					<view style="width: 200rpx;" @click="classIndexSkip(item)">
						<div style="margin: 30rpx 20rpx 50rpx 20rpx;position: relative;">
							<div v-if="index==3" class="num">{{count}}</div>
							<image :src="item.img" style="width: 130rpx;height: 130rpx;"></image>
							<view style="font-size: 14px;">{{item.indexName}}</view>
						</div>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import managementTeacher from "@/api/modules/managementTeacher.js"
	export default {
		data() {
			return {
				bzrUrl: "/pages/index/supervisorIndex",
				topName: "待处理任务",
				indexArr: [{
						icon: '',
						indexName: '未归寝任务',
						img: 'https://tj-1305380059.cos.ap-nanjing.myqcloud.com/pic/weiguiqin.png',

					},
					// {
					// 	icon: '',
					// 	indexName: '未处理违纪',
					// 	img: 'https://tj-1305380059.cos.ap-nanjing.myqcloud.com/pic/susheweijiwai.png',

					// }
				]
			}
		},
		methods: {
			goBackIndex() {
				uni.navigateTo({
					url: '/pages_main/dutyCheckWorkAttendance/dutyTecIndex'
				})
			},
			classIndexSkip(item) {
				if (item.indexName == '未归寝任务') {
					uni.navigateTo({
						url: '/pages_main/managementTeacher/taskNotReturned/taskNotReturned',
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				} else if (item.indexName == '未处理违纪') {
					uni.navigateTo({
						url: '/pages_main/managementTeacher/pendViolationMT/pendViolationMT',
						success: res => {},
						fail: () => {},
						complete: () => {}
					});
				}
			}
		},
		onLoad() {
			this.userName = uni.getStorageSync("userName")
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.indexContent {
		height: 100vh;
	}

	/deep/.uni-popup .uni-popup__wrapper[data-v-7c43d41b] {
		width: 80%;
		padding: 40rpx;
	}
</style>